<template>
	<view class="mt-3 " style="margin-left: 25px;">
		<view class="flex">
			<image style="width: 20px; height: 20px;"
				src="https://lf-dw.toutiaostatic.com/obj/toutiao-duanwai/toutiao/toutiao_web_pc/svgs/security_icon.6e66438b.svg"
				mode="widthFix"></image>
			<span>其他纪念馆</span>
		</view>

		<view class="flex flex-column" style="width: 130px;" @click="toInfo(item)" v-for="(item,index) in list"
			:key="index">
			<image style="width: 130px; height: 130px;" :src="item.museumStyleImageUrl" mode="aspectFill">
			</image>
			<text class="text-center">
				{{item.museumName}}
			</text>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		props: {
			docId:''
		},
		data() {
			return {
				list: [],
			};
		},
		created() {
			this.getData()
		},
		methods: {
			getData() {
				console.log('docId',this.docId);
				this.$api.museumgetAllMuseum().then(res => {
					if(this.docId){
						this.list = res.filter(item=>{
							if(item.docId != this.docId){
								return true
							}else{
								return false
							}
						})
					}else{
						this.list = res
					}
					console.log('museumgetAllMuseum',this.list);
				})


			},
			toInfo(item) {
				uni.navigateTo({
					url: `/pagesobit/obit/citang?id=${item.docId}`
				})
			}
		}
	};
</script>


<style lang="scss" scoped>
</style>